import { A } from "@vanjs/router";
import { Meta, Title } from "@vanjs/meta";

export const Page = () => {
  Title("404 Error: Page Not found");
  Meta({ name: "description", content: "Page Not Found Description" });

  return [
    <div class="flex h-screen">
      <div class="container mx-auto p-4">
        <h1 class="text-5xl my-8">
          <span class="font-bold">404</span> / Page Not Found
        </h1>
        <p class="mb-4">This is the about page</p>{" "}
        <A href="/" class="btn">Go Home</A>
      </div>
    </div>,
  ];
};